<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.: DEMO :.</title>
<meta name='description' content='........' />
<meta name='keywords' content='.............' />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<!--[if IE 6]>
<link href="style/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="header">
	<div class="header-inner">
        <h1 class="logo"><a href="#">website thoi trang</a></h1>
        <ul class="hor-menu">
            <li><a href="index.html">Trang chủ</a></li>
            <li><a href="#">xu hướng mới</a></li>
            <li><a href="#">bí quyết mix đồ</a></li>
            <li><a href="#">hot deals</a></li>
            <li><a href="#">liên hệ </a></li>
        </ul>
        <div class="topright">
            <a href="#">Đăng nhập</a> hoặc  <a href="#">Đăng ký thành viên</a>
        </div>
    
        
        
    </div>
</div>

<div id="middle">
    <div id="col1">
        <div class="search-pro-box">
        	<h3>tìm sản phẩm</h3>
            <div class="list-cat">
            	<a href="#">Áo</a>
                <a href="#">Quần</a>
                <a href="#">Phụ kiện</a>
                <a href="#">Đầm</a>
                <a href="#">Nón</a>
                <a href="#">Giày</a>
                <a href="#">Đồ đeo tay</a>
                <a href="#">Vòng đeo</a>
            </div>
        </div>
        <div class="style-box">
        	<h3>Trend & Style (4)</h3>
        	<ul class="style-list">
            	<li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
            </ul>
            <h3>Gặp stylist (2)</h3>
        	<ul class="style-list">
            	<li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="col2">
        <div class="top-right">
        	<div class="banner-middle">
            	<a href="#"><img src="images/banner_middle.jpg" alt="" width="545" height="358" /></a>
            </div>
            <div class="feature-right">
            	<ul class="list-fr">
                	<li>
                    	<a href="#"><img src="images/right_img.jpg" alt="" /></a>
                        <div class="desc">
                        	<a href="#"><strong>Mens</strong></a>
                            <div>20% off dress & rompers</div>
                            <a href="#" class="more-fr">shop now</a>
                        </div>
                    </li>
                    <li>
                    	<a href="#"><img src="images/right_img.jpg" alt="" /></a>
                        <div class="desc">
                        	<a href="#"><strong>Mens</strong></a>
                            <div>20% off dress & rompers</div>
                            <a href="#" class="more-fr">shop now</a>
                        </div>
                    </li>
                    <li>
                    	<a href="#"><img src="images/right_img.jpg" alt="" /></a>
                        <div class="desc">
                        	<a href="#"><strong>Mens</strong></a>
                            <div>20% off dress & rompers</div>
                            <a href="#" class="more-fr">shop now</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="box-hot">
            	<div class="head-hot"><h3><span>sản phẩm hot</span></h3></div>
                <ul class="list-hot-pro">
                	<li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span> <strong>30% <br /> off</strong></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145"  /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                </ul>
                <a href="#" class="viewmore">Xem thêm &raquo;</a>
            </div>
            <div class="box-hot">
            	<div class="head-hot"><h3><span>cửa hàng hot</span></h3></div>
                <ul class="list-hot-pro list-chh">
                	<li>
                    	<div class="thumb-pro"><a href="#"><img src="images/cua_hang_hot.jpg" alt="" width="145" /></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/cua_hang_hot.jpg" alt="" width="145"  /></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/cua_hang_hot.jpg" alt="" width="145" /></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/cua_hang_hot.jpg" alt="" width="145" /></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/cua_hang_hot.jpg" alt="" width="145" /></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                </ul>
                <a href="#" class="viewmore">Xem thêm &raquo;</a>
            </div>
            <div class="box-hot">
            	<div class="head-hot"><h3><span>thương hiệu hot</span></h3></div>
                <ul class="list-logo">
                	<li><a href="#"><img src="images/logo1.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo3.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo4.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo5.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo6.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo7.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo8.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo9.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo10.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo3.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo4.jpg" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo5.jpg" alt="" /></a></li>
                </ul>
            </div>
            
            <h3 class="cds">CỘNG ĐỒNG SHOPAHOLIC</h3>
            <div><img src="images/congdong.jpg" alt="" /></div>
        </div>
    </div>
    <div class="clear"></div>
    <ul class="logo-footer">
    	<li><a href="#"><img src="images/banner_footer1.png" alt="" /></a></li>
        <li><a href="#"><img src="images/banner_footer2.png" alt="" /></a></li>
    </ul>
    <br class="clear" />
</div>

<div id="footer">
	<div class="footer-inner">
      <div class="footleft">
		<strong style="font-size:14px;">SHOPAHOLIC @2011      	</strong> <br />
        Địa chỉ: 174/67/23 Nguyễn Thiện Thuật; Quận 3; Tp. HCM<br />
        Điện thoại: (84). 08. 38399590 – (84). 08. 38303071<br />
        Website: http://jimmydang.vn
      </div>
      <div class="footright">
     	<div class="social">
        	<a href="#" class="fb"><strong>facebook</strong></a>
            <a href="#" class="sp"><strong>skype</strong></a>
            <a href="#" class="tw"><strong>twitter</strong></a>
            <a href="#" class="yahoo"><strong>yahoo</strong></a>
        </div>
      </div>
      <div class="clear"></div>
  	</div>
</div>


</body>
</html>
